<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="__CSS__/text.css"/>
		<link rel="stylesheet" type="text/css" href="__CSS__/prompt.css"/>
		
		<script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-2.1.4.min.js"></script>
		<script src="__JS__/prompt.js" type="text/javascript" charset="utf-8"></script>
		<script src="__JS__/public.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="title">
		</div>
		<div id="author">
		</div>
		<div id="content">
		</div>
		<div id="next">Next
		</div>
		<div id="collect" style="display: none;">收藏
		</div>
		<script type="text/javascript">
			var isPC = {$isPC};
			/*
			 * 如果是其他页面跳转过来的
			 * 就设置get参数answerId
			 * 后台放到这里
			 * 未设置 后台默认为0
			 * 如果不为0就请求该answerId的页面
			 */
			var answerId = {$answerId};
			
			var w_width, w_height;
			var setSize = function (){
				w_width = $(window).width();
				w_height = $(window).height();
				
				if(!isPC){
					$('#next').css({
						'bottom': 0 + 'px',
					});
					$('#content').css({
						'padding-left': 24 + 'px',
						'padding-right': 24 + 'px',
					});
					$('#collect').css({
						'width': 60 + '%',
						'margin-left': 20 + '%',
					});
				}
				/*
				 * 设置img大小
				 */
				var img = $('img');
				for(var x=0; x<img.length; x++){
					if(img.eq(x).attr('alt') != undefined){
						continue;
					}
					var imgw = img.eq(x).width();
					var imgh = img.eq(x).height();
					var wper = 0.72;
					if(imgw > w_width*wper){
						img.eq(x).css({
							'height': w_width*wper*imgh/imgw + 'px',
							'width': w_width*wper + 'px',
						});
					}
				}
			}
			$(function(){
				$(window).resize(setSize);
				setSize();
				function draw(data){
					answerId = data['answerid'];
					$('#title').html(data['title']);
					$('#author').html(data['author']);
					$('#content').html(data['content']);
					$('img').after("<br>");	
					$('img').bind('load', function(){
						setSize();
					});
					$('a').attr('target', '_blank');
					console.log('drawdata');
				}
				
				/*
				 * 设置收藏按钮为已收藏
				 */
				function collected(){
					$('#collect').css({
						'background-color': '#41B6D9',
						'color': '#fff',
					}).text('已收藏');
				}
				
				/*
				 * 获得收藏的状态
				 */
				function collectState(){
					$.ajax({
						type: 'post',
						url: "{:U('User/collectState')}", 
						data: 'answerId='+answerId,
						success: function(data){
							$('#collect').css({
								'display': 'block',
							});
							if(data == 'error'){
								return;
							}
							if(data != 0){
								collected();
							}
						},
						dataType: 'json',
						cache: false
					});
				};
				
				/*
				 * 获取数据
				 */
				ajax("{:U('Text/getData')}", 'answerId='+answerId, function(data){
					draw(data);
					collectState();
				});
				$('#next').click(function(){
					window.parent.wintq('加载中', 4, 0, 0, '');
					window.location.reload();
					window.scrollTo(0, 0);
				});
				
				function login(){
					// 1询问是否登录
					// 2储存 answerId
					// 3跳转登录页面
					window.parent.promptq('需要登录', '登录后可以使用收藏以及更多功能，如需输入账号密码请留意页面是否来自qq.com', 'QQ登录', '返回', function(ret){
						if(ret == 1){
							document.cookie = 'answerId='+answerId+'; path=/';
							window.parent.location.href = '/login.php';	
						}
					});
					// 登录成功跳转至index后
					// 1提示收藏成功
					// 2清除cookie
				}
				/*
				 * 收藏按钮被点击
				 */
				$('#collect').click(function(){
					if($('#collect').text() == '已收藏'){
						return;
					}else{
						if(document.cookie.match(new RegExp(/openid=.*?(;|$)/))){
							//点收藏已登录
							console.log('loinged');
							wintq('请稍候', 2, 0, 0, '');
							$.ajax({
								type: 'post',
								url: "{:U('User/collect')}",
								data: 'answerId='+answerId,
								success: function(data){
									delewintq();
									if(data == 'success'){
										collected();
										wintq('收藏成功', 1, 1000, 0, '');
									}else{
										login();
									}
								},
								dataType: 'json',
								cache: false
							});
						}else{
							console.log('nologin');
							// 点收藏未登录
							login();
						}
					}
					
				});
			});
		</script>
	</body>
</html>
